<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/message.css">
    <title>Document</title>
</head>

<body>
    <header>
        <article>
            <span>消息</span>
            <i class="iconfont icon-xiaoxi"></i>
        </article>
    </header>
    <main>  
        <section class="section1_content">
            <figure>
                <figcaption>
                    <img src="../images/04.jpg" alt="">
                    
                </figcaption>
                <article>
                    <p>私信<i>1</i></p>
                    <span>知乎团队：亲爱的炽银小心你好，年底你将获得最高级的荣誉基金</span>
                </article>
            </figure>
        </section>
        <section  class="section2_content">
            <hgroup>
                <h4>通知列表</h4>
                <h5>全部已读<i class="iconfont icon-shuanggou-"></i></h5>
            </hgroup>
            <figure>
                <figcaption>
                    <img src="../images/04.jpg" alt="">
                </figcaption>
                <article>
                    <h5>微信小助手 恭喜你有一个徽章可领取</h5>
                    <h4>炽银小心</h4>
                    <p>1个月前</p>
                </article>
            </figure>
            <figure>
                <figcaption>
                    <img src="../images/04.jpg" alt="">
                </figcaption>
                <article>
                    <h5>微信小助手 恭喜你有一个徽章可领取</h5>
                    <h4>炽银小心</h4>
                    <p>1个月前</p>
                </article>
            </figure>
        </section>
    </main>
    <footer>
        <p>
            <a href="../index.html">
                <i class="iconfont icon-liebiao"></i>
                <span>首页</span>
            </a>
        </p>
        <p>
            <a href="">
                <i class="iconfont icon-xiangfa"></i>
                <span>想法</span>
            </a>
        </p>
        <p>
            <a href="">
                <i class="iconfont icon-daxue"></i>
                <span>大学</span>
            </a>
        </p>
        <p>
            <a href=""  class="active">
                <i class="iconfont icon-xiaoxi"></i>
                <span>消息</span>
            </a>
        </p>
        <p>
            <a href="">
                <i class="iconfont icon-wode"></i>
                <span>我的</span>
            </a>
        </p>
    </footer>
</body>

</html>